<template>
  <div>

  </div>
</template>

<script setup>
  // import { ref,reactive } from 'vue'
  // let imgs = ref([
  //   'https://fastly.jsdelivr.net/npm/@vant/assets/apple-1.jpeg',
  //   'https://fastly.jsdelivr.net/npm/@vant/assets/apple-2.jpeg',
  //   'https://fastly.jsdelivr.net/npm/@vant/assets/apple-3.jpeg',
  //   'https://fastly.jsdelivr.net/npm/@vant/assets/apple-4.jpeg'
  // ]);

// import { ref,reactive } from 'vue'
// export default{
//  setup(){
//     let imgs = reactive([
//       'https://fastly.jsdelivr.net/npm/@vant/assets/apple-1.jpeg',
//       'https://fastly.jsdelivr.net/npm/@vant/assets/apple-2.jpeg',
//       'https://fastly.jsdelivr.net/npm/@vant/assets/apple-3.jpeg'
//     ]);
//     return {
//       imgs
//     }
//   }
// }

// export default {
//     data() {
//         return {
//           imgs: [
//               'https://fastly.jsdelivr.net/npm/@vant/assets/apple-1.jpeg',
//               'https://fastly.jsdelivr.net/npm/@vant/assets/apple-2.jpeg',
//                'https://fastly.jsdelivr.net/npm/@vant/assets/apple-3.jpeg',
//               'https://fastly.jsdelivr.net/npm/@vant/assets/apple-4.jpeg',
//                'https://fastly.jsdelivr.net/npm/@vant/assets/apple-5.jpeg',
//               'https://fastly.jsdelivr.net/npm/@vant/assets/apple-6.jpeg',
//             ]  
//         }
//     },
// }
</script>

<style>
   .my-swipe .van-swipe-item {
    color: #fff;
    font-size: 20px;
    line-height: 150px;
    text-align: center;
    background-color: #fff;
    width:800px;
    
  }
</style>